<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/main.css">
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>

<!--
<script type="text/javascript" src="js/jquery.simplyscroll.js"></script>
<link rel="stylesheet" href="css/jquery.simplyscroll.css" media="all" type="text/css">
<script type="text/javascript">
(function($) {
	$(function() {
		//$("#scroller").simplyScroll({autoMode: 'bounce'});
	});
})(jQuery);
</script>
-->
</head>

<body>

<!-- Head -->
<header>
	<div class="cover"> <img src="img/cover.jpg" alt=""/> </div>	
	
	<nav>
		<ul class="clearfix">
			<li><a href="index.html">Trang chủ</a></li>
			<li><a href="about.html">Giới Thiệu</a></li>
			<li><a href="news.html">Tin Tức</a></li>
			<li><a href="warranty.html">Bảo Hành</a></li>
			<li><a href="contact.html">Liên Hệ</a></li>
		</ul>
	</nav>
</header>
<div class="clearfix"></div>
<!-- End Head -->  	


<!-- Slider -->
<div class="slider"> 
	<div class="row">
		<!-- Left -->
		<div class="col-md-4"> 
			<script type="text/javascript">
				$(function(){
					$('.nav-tabs a').click(function (e) {
						e.preventDefault()
						$(this).tab('show')
					})
				});
			</script>
			<!-- Nav tabs -->
			<ul class="nav nav-tabs" role="tablist">
			  <li class="active"><a href="#home" role="tab" data-toggle="tab">Khuyến mãi</a></li>
			  <li><a href="#profile" role="tab" data-toggle="tab">Thông báo mới</a></li>
			  <li><a href="#messages" role="tab" data-toggle="tab">Báo giá</a></li>
			</ul>
			
			<!-- Tab panes -->
			<div class="tab-content">
				<div class="tab-pane active" id="home">
					Khuyến mãi đặc biệt cho năm học mới từ 03/09 đến 03/10:
					KHI KHÁCH HÀNG MUA BỘ MÁY BẤT KỲ NGOÀI VIỆC ĐƯỢC GIÁ TỐT NHẤT CÒN ĐƯỢC TẶNG 1 USB 8GB TRỊ GIÁ 120.000VND
					--TÂN THÀNH DANH XIN TRI ÂN CÁC QUÝ KHÁCH HÀNG ĐÃ ỦNG HỘ TRONG THỜI GIAN QUA
							+++GIÁ KHÔNG LÀ TẤT CẢ+++
				</div>
				
				<div class="tab-pane" id="profile">Cung cấp sỉ lẻ linh kiện máy tính.
					Thiết kế thi công lắp đặt phòng net!
					Giao hàng miễn phí trên cả nước!
					TÂN THÀNH DANH-GIÁ KHÔNG LÀ TẤT CẢ
				</div>
			  	
				<div class="tab-pane" id="messages">
					Nơi hiện thị bảng báo giá
				</div>
			</div>
		</div>
		<!-- End left -->
		
		<!-- Right -->
		<div class="col-md-8 right"> 
			<!-- siler -->
			<div id="slider" class="carousel slide" data-ride="carousel">
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#slider" data-slide-to="0" class="active"></li>
					<li data-target="#slider" data-slide-to="1"></li>
				</ol>
				
				<!-- Wrapper for slides -->
				<div class="carousel-inner">
					<div class="item active">
						<img src="img/slider/1.jpg" alt="">
						<div class="carousel-caption"></div>
					</div>
					<div class="item">
						<img src="img/slider/2.jpg" alt="">
					</div>					
				</div>
				
				<!-- Controls -->
				<a class="left carousel-control" href="#slider" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left"></span>
				</a>
				<a class="right carousel-control" href="#slider" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right"></span> <!-- glyphicon glyphicon-chevron-right -->
				</a>
			</div>
			<!-- End siler -->
		</div>
		<!--End Rights -->
	</div>
</div>

<!-- End slider-->


<!-- Body -->
<div class="main"> 
	<div class="row">
		<div class="col-md-3 left"> 
			<div class="panel panel-fix">
				<div class="panel-heading"> <h3 class="panel-title"><span class="glyphicon glyphicon-fire"></span> Danh mục sản phẩm</h3> </div>
				<div class="panel-body">
					<script type="text/javascript" src="js/menu.js"></script>
					<ul class="menu">
						<li>
							<a href="product.html">
								CAMERA <span>(0 sp)</span> 
								<span class="fa fa-angle-right fa-2 fr"></span> 
							</a>							
							
							<ul>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
								<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
								<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
							</ul>	
						</li>
						
						<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
						<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
						<li><a href="product.html">CAMERA <span>(0 sp)</span><span class="fa fa-angle-right fa-2 fr"></span> </a>
							<ul>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
								<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
								<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
							</ul>	
						</li>
						<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
						<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
						<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
						<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span><span class="fa fa-angle-right fa-2 fr"></span> </a>
							<ul>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
								<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
								<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
							</ul>	
						</li>
						<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
					</ul>
				</div>
			</div>		
		</div>
		
		<div class="col-md-9 right"> 	
			<!-- Panel-->	
			<div class="panel panel-fix">
				<div class="panel-heading"> <h3 class="panel-title"><span class="glyphicon glyphicon-fire"></span>Liên Hệ</h3> </div>
				<div class="panel-body">
					<div class="row">
						
						<div class="col-md-6"> 					
							<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.740059121529!2d106.67415620000003!3d10.75450579999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752efdbab4cab1%3A0xc949eaf8b454576b!2zNTEwIFBoYW4gVsSDbiBUcuG7iywgNywgUXXhuq1uIDUsIEjhu5MgQ2jDrSBNaW5oLCBWaeG7h3QgTmFt!5e0!3m2!1svi!2s!4v1409924270643" width="100%" height="400" frameborder="0" style="border:0"></iframe>
						</div>
						
						<div class="col-md-6"> 	
							<form>
								<div class="form-group">
									<label for="">Họ tên</label>
									<input type="text" class="form-control"  placeholder="Nhập họ tên">
								</div>
								<div class="form-group">
									<label for="exampleInputEmail1">Email</label>
									<input type="email" class="form-control"  placeholder="Nhập Email">
								</div>
								<div class="form-group">
									<label for="">Tiêu đề</label>
									<input type="text" class="form-control" placeholder="Nhập tiêu đề">
								</div>
								<div class="form-group">
									<label for="">Nội dung</label>
									<textarea class="form-control" placeholder="Nhập nội dung" style="height:105px"></textarea>
								</div>
								<button type="submit" class="btn btn-warning">Gửi</button>
							</form>	
						</div>					
						
					</div><!-- End Row-->
					<!-- 
					<div class="row mt20">
						<div class="col-md-6"> 	
							<p><strong>CÔNG TY TNHH TM DV CN TÂN THÀNH DANH</strong></p>
							<p><strong>Địa chỉ:</strong>  224 Lê Văn Thọ P11 Q.Gò Vấp TPHCM</p>
							<p><strong>Số điện thoại:</strong>  0937787881-0909805881-0917673035</p>
							<p><strong>Email:</strong>   tanthanhdanhltd@gmail.com</p>
							<p><strong>Website:</strong> http://tanthanhdanh.vn</p>
						</div>
					</div> -->
				</div><!-- End Panel body-->
					
			</div>
			<!-- End Panel-->		
			
		</div><!-- End right-->		
	</div>
</div>

<div class="clearfix"></div>
<!-- End body --> 


<!-- Footer -->
<footer>
	<center>
		<p>&copy; 2005-2014 CÔNG TY TNHH THƯƠNG MẠI DỊCH VỤ CÔNG NGHỆ TÂN THÀNH DANH </p>
		<p>224 Lê Văn Thọ P11 Quận Gò Vấp TPHCM </p>
		<p>Tel: 0909805881-0937787881-0917673035 </p>
		<p>E-mail:tanthanhdanhltd@gmail.com </p>
	</center>
</footer>
<!-- End Footer -->

</body>
</html>
